import React from 'react' ;
import home_banner from '../../static/Home/home_banner.jpg' ;
import './Home.scss' ;
import Home_news from './Home_news/Home_news' ;
import home_zixunfankui from '../../static/Home/home_zixunfankui.jpg';
import home_yuanqufuwu from '../../static/Home/home_yuanqufuwu.jpg' ;
import home_hechang from '../../static/Home/home_hechang.jpg' ;
import home_rencaizhaopin from '../../static/Home/home_rencaizhaopin.jpg' ;
import home_remenqiye from '../../static/Home/home_remenqiye.jpg' ;
import home_biguiyuan from '../../static/Home/home_biguiyuan.jpg' ;
import home_zhaopinwaibao from '../../static/Home/home_zhaopinwaibao.jpg' ;

import Bannel_title from '../../component/Bannel_title/Bannel_title' ;

class Home extends React.Component{
    componentDidMount(){

    }
    redirectTo = (url) => {
        this.props.history.push(url)
    }
    render(){
        return(
            <div className={`Home`}>
                <div className={'home_banner'}>
                    <img src={home_banner} alt={`等待加载`}/>
                </div>
                <div className={'home_news container'}>
                    <Home_news/>
                </div>
                <div className={'home_rencaizhaopin container'}>
                    <Bannel_title title={`人才招聘`}/>
                    <img style={{cursor: 'pointer', width:'100%'}} onClick={this.redirectTo.bind(null, '/TalentRecruitment')} src={home_rencaizhaopin} alt={`等待加载`}/>
                </div>
                <div className='container'>
                    <img src={home_hechang} alt="等待加载" style={{ width:'100%',margin:'20px 0' }}/>
                </div>
                <div className={'home_rencaizhaopin container'}>
                    <Bannel_title title={`热门企业`}/>
                    <img src={home_remenqiye} alt={`等待加载`} onClick={this.redirectTo.bind(null, '/CompanyInfo')} style={{ width:'100%',margin:'30px 0', cursor: 'pointer' }}/>
                </div>
                <div className='container'>
                    <img src={home_biguiyuan} alt="等待加载" style={{ width:'100%',margin:'20px 0' }}/>
                </div>
                <div className='container'>
                    <img src={home_zhaopinwaibao} alt="等待加载" style={{ width:'100%',margin:'20px 0' }}/>
                </div>
                <div className={'home_yuanqufuwu container'}>
                    <Bannel_title title={`园区服务`}/>
                    <img src={home_yuanqufuwu} alt={`等待加载`} style={{ width:'100%' }}/>
                </div>
                <div className={'home_zixunfankui container'}>
                    <Bannel_title title={`咨询反馈`}/>
                    <img src={home_zixunfankui} alt={`等待加载`} style={{ width:'100%' }}/>
                </div>
            </div>
        )
    }
}

export default Home ;